<template>
	<view class="disabled-service-page">
		<!-- 顶部导航栏 -->
		<NavBar :title="'企业破产信息核查一件事'" />
		<!-- 位置信息 -->
		<view class="location-bar">
			<view class="location-icon">📍</view>
			<text class="location-text">所属区划: 拉萨市</text>
		</view>

		<!-- 在线填表部分 -->
		<view class="section-header">
			<view class="section-number">1</view>
			<text class="section-title">在线填表</text>
		</view>
		<view class="section">

			<!-- 填表项目列表 -->
			<view class="form-items">
				<view class="form-item" v-for="(item, index) in formItems" :key="index"
					@click="handleUploadClick(item.path)">
					<view class="item-content">
						<text class="item-title">{{ item.title }}</text>
						<text class="item-subtitle">{{ item.subtitle }}</text>
					</view>
					<text class="arrow">›</text>
				</view>
			</view>
		</view>

		<!-- 资料上传部分 -->
		<view class="section-header">
			<view class="section-number">2</view>
			<text class="section-title">资料上传</text>
		</view>
		
		<view class="section">
			<!-- 资料上传-->
			<view>
				<view class="form-item" v-for="(item, index) in idCardItems" :key="index"
					@click="handleUploadClick(item.path)" >
					<view class="item-content">
						<text class="item-title">{{ item.title }}</text>
						<text class="item-subtitle">{{ item.subtitle }}</text>
					</view>
					<text class="arrow">›</text>
				</view>
			</view>
		</view>
		

		<!-- 提交按钮 -->
		<view class="submit-section">
			<button class="submit-btn" @click="handleSubmit">提交</button>
		</view>
	</view>
</template>


<script>
	export default {
		name: 'DisabledServicePage',
		data() {
			return {
				formItems: [{
					  
						title: '破产企业基本情况',
						subtitle: '点击右侧完成信息填写' ,
						 path:'enterprise',
					},
					{
						title: '破产管理人基本情况',
						subtitle: '点击右侧完成信息填写',
						 path:'administrator',
					},
					{
						title: '申请事项',
						subtitle: '点击右侧完成信息填写',
						  path:'apply',
					},
					{
						title: '申请事实和理由',
						subtitle: '点击右侧完成信息填写',
						  path:'fact',
					}
				],
				idCardItems: [{
						title: '申请人承诺书',
						subtitle: '点击完成资料上传',
						  path:'promise',
					},
					{
						title: '人民法院受理破产案件民事裁定书',
						subtitle: '点击完成资料上传',
						  path:'judgment',
					},
					{
						title: '指定破产管理人决定书',
						subtitle: '点击完成资料上传',
						path:'rulings',
					},
					{
						title: '破产管理人指定经办人授权委托书',
						subtitle: '点击完成资料上传',
						  path:'powerOfAttorney',
					},
					{
						title: '经办人有效身份证件（律师证、会计证）',
						subtitle: '点击完成资料上传',
						  path:'IdCard',
					},
					{
						title: '结果送达方式',
						subtitle: '点击完成信息填写',
						  path:'result',
					}
				],
				};
		},
		methods: {
			handleBack() {
				uni.navigateBack();
			},
			handleUploadClick(item) {
				console.log('点击上传项目:', item);
				// 这里可以添加跳转到上传页面的逻辑
				uni.navigateTo({
				  url: `/pages/fromTable/bankruptcy/${item}`
				});
			},
			handleSubmit() {
				console.log('提交申请');
				// 这里可以添加提交逻辑
			}
		}
	};
</script>

<style scoped>
	.disabled-service-page {
		background: #ecf1f5;
		min-height: 100vh;
	}

	.location-bar {
		background: #ffe3c8;
		padding: 12px 20px;
		display: flex;
		align-items: center;
		gap: 8px;
		color: #ff7b00;
		font-size: 14px;
	}

	.location-icon {
		font-size: 16px;
	}

	.section {
		margin: 0 32rpx;
		background: #ffffff;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
		padding: 23.08rpx 23.08rpx 7.7rpx;
	}

	.section-top {
		margin-top: 16px;
	}

	.section-header {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 24rpx 40rpx;
	}

	.section-number {
		width: 40rpx;
		height: 40rpx;
		background: #ff7b00;
		color: #ffffff;
		border-radius: 15%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: bold;
		font-size: 16px;
	}

	.section-title {
		font-size: 18px;
		font-weight: 600;
		color: #2c5e9f;
	}

	.group-header {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 16px 16px 8px 16px;
	}

	.group-icon {
		font-size: 32rpx;
		color: #2c5e9f;
	}

	.group-title {
		font-size: 32rpx;
		font-weight: 600;
		color: #2c5e9f;
	}

	.form-items {
		padding: 0;
	}

	.form-item {
		display: flex;
		align-items: center;
		padding: 16px 12px;
		border-bottom: 1px solid #f0f0f0;
		background: #f1f8ff;
		cursor: pointer;
		margin-bottom: 15.38rpx;
	}

	.form-item:last-child {
		border-bottom: none;
	}

	.form-item:hover {
		background: #f8f9fa;
	}

	.other-upload-container {
		margin: 16px 32rpx;
		background: transparent;
		box-shadow: none;
		padding: 0;
	}

	.other-upload-items {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.other-upload-item {
		padding: 12px;
		background: #ffffff;
		border-radius: 12px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
		cursor: pointer;
	}

	.item-content {
		flex: 1;
	}

	.item-sub {
		padding: 8px 12px;
		flex: 1;
	}

	.item-subcontent {
		display: flex;
		align-items: center;
		background: #f1f8ff;
	}

	.item-title {
		display: block;
		font-family: PingFang SC, PingFang SC;
		font-weight: 600;
		font-size: 31rpx;
		color: rgba(0,0,0,0.8);
		margin-bottom: 4px;
	}

	.item-subtitle {
		display: block;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 27rpx;
		color: rgba(0,0,0,0.4);
	}

	.arrow {
		font-size: 20px;
		color: #999;
		font-weight: bold;
	}

	.item-arrow {
		margin-right: 4%;
	}

	.submit-section {
		padding: 20px;
		margin-top: 20px;
		background: #ffffff;
	}

	.submit-btn {
		width: 100%;
		height: 48px;
		background: #2c5e9f;
		color: #ffffff;
		border: none;
		border-radius: 8px;
		font-size: 16px;
		font-weight: 600;
		cursor: pointer;
	}

	.submit-btn:hover {
		background: #1e4a8a;
	}
</style>